import { createApp } from 'vue'
import App from './App.vue'
import pinia from './store'
import router from './router'
// 标签默认重置(浏览器样式统一)
import 'normalize.css'
// 项目公共样式(如：版心类)
import '@/styles/common.scss'
import XtxUI from '@/components'
import directives from './directives'

const app = createApp(App)

// v-lazy 懒加载
// app.directive('lazy', {
//   // 指令所在的元素，dom结构被解析完成
//   mounted (el, { value }) {
//     console.log({ el, value })
//   }
// })

// 使用 Pinia
app.use(pinia)
// 安装封装的指令
app.use(directives)
app.use(XtxUI)
app.use(router)
app.mount('#app')
